<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <h:outputStylesheet library="css-login" name="reset.css" />
        <h:outputStylesheet library="css-login" name="structure.css" />

        <title>Login</title>
    </h:head>

    <h:body>

        <p:growl id="growl" showDetail="true" sticky="true" />

        <h:form class="box login" prependId="false"> 
            <fieldset class="boxBody">
                <label>Usuario</label>
                <h:inputText id="login" value="#{loginBean.usuario.login}" tabindex="1" required="true" requiredMessage="Login é obrigatório!"/>
                <label><a href="#" class="rLink" tabindex="5">Esqueci minha senha?
                    </a>Password</label>
                <p:password id="senha" value="#{loginBean.usuario.senha}" tabindex="2" required="true" requiredMessage="Senha é obrigatório!"/>
            </fieldset>
            <footer>
                <h:commandButton class="btnLogin" value="Logar" action="#{loginBean.logar()}"/>
            </footer>
        </h:form>
        <footer id="main">
            <a href="">@ERP-SYSTEMS</a>
        </footer>

    </h:body>

</html>
